<template>
  <div :class="$style.header">
      <span :class="$style.left">
          <em>注册</em>&nbsp;|&nbsp;<em>登录</em>
      </span>
      <btn :class="$style.btnDownload">APP下载</btn>
  </div>
</template>

<script>
import btn from '../core/btn'
export default {
    components:{
        btn,
    }

}

</script>
<style lang="scss" module>
.header{
    color:#666;
    font-size: 32px;    
    height:100px;
    line-height: 100px;
    position:fixed;
    left:0;
    right:0;
    top:0;
    background:#fff url(//storage.360buyimg.com/base/images/jdjr-logo/logo-jr-r.png?20181203) center center no-repeat;
    background-size: auto 50%;
    z-index: 100;
    .left{
        font-size: 28px;
        height:30px;
        line-height: 30px;
        margin: 17px 0 0 18px;
    }
    .btnDownload{
        float:right;
        min-width: 120px;
        font-size: 24px;
        height:56px;
        line-height: 56px;
        padding:0;
        border-radius:4px;
        margin:28px 24px 0 0;
    }
}
</style>